<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">

<title>Inline Edit Box Widget Demo</title>

<script type="text/javascript"> var djConfig = {isDebug: true}; </script>
<script type="text/javascript" src="../../dojo.js"></script>
<script type="text/javascript">
	dojo.require("dojo.widget.*");
	dojo.require("dojo.widget.InlineEditBox");
	dojo.require("dojo.event.*");

	function saveHandler(newValue, oldValue) {
		dojo.debug("New Value: " + newValue + " Old Value: " + oldValue);
	}

	function init() {
		var editable = dojo.widget.byId("editable");
		editable.onSave = saveHandler;
	}

	dojo.addOnLoad(init)

</script>

<style type="text/css">
	body { font-family : sans-serif; background:#fff; }
</style>

<h1 id="editable" dojoType="inlineEditBox">Edit me - I will trigger a custom onSave Handler</h1>

<p dojoType="inlineEditBox" mode="textarea">
I'm one big paragraph.  Go ahead and edit me.
I dare you. 
The quick brown fox jumped over the lazy dog.
  Blah blah blah blah blah blah blah ...
</p>
